import { defineComponent } from 'vue'
import { useRegistry } from '../hooks'
import * as icons from '../icons'
import cls from 'classnames'

useRegistry().registerDesignerIcons(icons)

export const Designer = defineComponent({
  setup(_, { slots }) {
    return () => <div class={cls('designer-vue')}>{slots.default?.()}</div>
  },
})
